<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="zh" xml:lang="zh"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
<h:head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>#{labels.appName} #{labels.administrationLogin}</title>
    <h:outputStylesheet library="styles" name="normalize.css"/>
    <h:outputStylesheet library="styles" name="foundation.min.css"/>
    <h:outputStylesheet library="styles" name="foundation.retune.css"/>
    <h:outputStylesheet library="styles" name="login.css"/>
</h:head>
<h:body>
    <nav class="top-bar" role="navigation">
        <ul class="title-area">
            <li class="name">
                <h1 class="login-name">
                    #{labels.appName} #{labels.administrationLockDown}
                </h1>
            </li>
        </ul>
    </nav>
    <div class="spacer"></div>
    <div class="row">
        <div class="large-4 large-offset-4 columns">
            <h:form>
                <div class="row">
                    <h:outputLabel for="adminPass" value="#{labels.adminPassword}"/>
                    <h:inputSecret id="adminPass" value="#{loginFormBean.pass}"/>
                </div>
                <div class="row">
                    <div class="large-12 large-text-center columns">
                        <h:commandButton value="#{labels.adminUnlockAction}" styleClass="button"
                                         action="#{loginBean.unlock}"/>
                    </div>
                </div>
                <div class="row">
                    <h:messages id="warnMessages" fatalClass="alert-box alert" errorClass="alert-box alert"
                                warnClass="alert-box warning" infoClass="alert-box info"/>
                </div>
            </h:form>
        </div>
        <div class="large-1 columns"><h:outputText escape="true" value="  "/></div>
    </div>
    <h:outputScript library="scripts" name="jquery-2.1.3.min.js" target="body"/>
    <h:outputScript library="scripts" name="foundation.min.js" target="body"/>
</h:body>
</html>

